<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:p="http://primefaces.org/ui">
<ui:composition template="/WEB-INF/templates/plantillaPrincipal.xhtml">
	<ui:define name="content">
		<div class="imagenBckg">
			<f:view>
				<p:tree value="#{imagenBean.root}" var="node" selectionMode="single"
					selection="#{imagenBean.selectedNode}" id="treeCategorias">
					<p:ajax event="select" listener="#{imagenBean.onNodeSelect}" />
					<p:ajax event="unselect" listener="#{imagenBean.onNodeUnselect}" />
					<p:treeNode expandedIcon="ui-icon-folder-open"
						collapsedIcon="ui-icon-folder-collapsed">
						<h:outputText value="#{node.nombre}" />
					</p:treeNode>
				</p:tree>
				<br />
				<p:panel style="width:308px;">
					<h:form>
						<h:panelGrid columns="3" border="0" cellspacing="6">
							<h:outputText value="#{msg.usuario} " styleClass="ui-widget" />
							<h:inputText readonly="true" disabled="true"
								value="#{imagenBean.archivo.usuario.email }" />
							<h:outputText value="" />
							<h:outputText value="#{msg.servidor} " styleClass="ui-widget" />
							<h:inputText readonly="true" disabled="true"
								value="#{imagenBean.archivo.servidor.nombre}" />
							<h:outputText value="" />
							<h:outputText value="#{msg.nombreOriginal}"
								styleClass="ui-widget" />
							<h:inputText readonly="true"
								value="#{imagenBean.archivo.nombreOriginal}" />
							<h:outputText value="" />
							<h:outputText value="#{msg.titulo}" styleClass="ui-widget" />
							<h:inputText value="#{imagenBean.archivo.titulo }"
								maxlength="255" />
							<h:outputText value="" />
							<h:outputText value="#{msg.descripcion}" styleClass="ui-widget" />
							<h:inputText value="#{imagenBean.archivo.descripcion }"
								maxlength="255" />
							<h:outputText value="" />
							<h:outputText value="#{msg.alto}" styleClass="ui-widget" />
							<p:spinner id="alto" value="#{imagenBean.imagen.alto }"
								max="999999" min="0" />
							<h:outputText value="" />
							<h:outputText value="#{msg.ancho}" styleClass="ui-widget" />
							<p:spinner id="ancho" value="#{imagenBean.imagen.ancho }"
								max="999999" min="0" />
							<h:outputText value="" />
							<h:outputText value="#{msg.resolucionHorizontal}"
								styleClass="ui-widget" />
							<p:spinner id="resolucionHorizontal"
								value="#{imagenBean.imagen.resolucionHorizontal}" max="999999"
								min="0" />
							<h:outputText value="" />
							<h:outputText value="#{msg.resolucionVertical}"
								styleClass="ui-widget" />
							<p:spinner id="resolucionVertical"
								value="#{imagenBean.imagen.resolucionVertical}" max="999999"
								min="0" />
							<h:outputText value="" />
							<h:outputText value="#{msg.fabricante}" styleClass="ui-widget" />
							<h:inputText value="#{imagenBean.imagen.fabricante }"
								maxlength="100" />
							<h:outputText value="" />
							<h:outputText value="#{msg.modelo}" styleClass="ui-widget" />
							<h:inputText value="#{imagenBean.imagen.modelo }" maxlength="100" />
							<h:outputText value="" />
							<h:outputText value="#{msg.tiempoExposicion}"
								styleClass="ui-widget" />
							<h:inputText value="#{imagenBean.imagen.tiempoExposicion }"
								maxlength="100" />
							<h:outputText value="" />
							<h:outputText value="#{msg.fechaToma}" styleClass="ui-widget" />
							<p:calendar value="#{imagenBean.imagen.fechaToma }"
								pattern="dd/MM/yyyy" required="false" />
							<h:outputText value="" />



							<!-- 
					<h:outputText value="#{msg.categoria}" />
					<h:selectOneMenu value="#{imagenBean.categoria.idCategoria}">
						<f:selectItems value="#{imagenBean.listaComboCategoria}" />
					</h:selectOneMenu>
					-->
						</h:panelGrid>
						<h:panelGrid columns="4" cellspacing="2" border="0">

							<h:commandButton type="submit" action="irInicio"
								value="#{msg.inicio}" />
							<h:commandButton type="submit"
								action="#{imagenBean.modificarImagen}" value="#{msg.modificar}"
								rendered="#{imagenBean.propietario}"
								onclick="return confirm('#{msg.confirmarModificar}')" />
							<h:commandButton type="submit"
								action="#{imagenBean.eliminarImagen}" value="#{msg.eliminar}"
								rendered="#{imagenBean.propietario}"
								onclick="return confirm('#{msg.confirmarEliminar}')" />
							<h:commandButton type="submit"
								action="#{imagenBean.descargarImagen}" value="#{msg.descargar}" />
						</h:panelGrid>
					</h:form>
				</p:panel>
			</f:view>
		</div>
	</ui:define>
</ui:composition>
</html>